<template>
  <VueDragResize
    class="root"
    :isActive="false"
    isDraggable
    isResizable
    :w="200"
    :h="100"
    :x="20"
    :y="30"
    :z="9999"
  >
    <div class="red-h1">{{ title }} <span class="span">11222211333333</span></div>
    <el-button type="primary">ElButton</el-button>
  </VueDragResize>
</template>
<script setup>
import { ref } from 'vue'
import { ElButton } from 'element-plus'
import VueDragResize from 'vue-drag-resize/src'
import JSEncrypt from 'jsencrypt'
import QS from 'qs'

GM_xmlhttpRequest({})

const obj = {
  name: 'tang',
  age: '18',
}
console.log('[ QS.stringify(obj) ]-16', QS.stringify(obj))
</script>
<style lang="scss">
.red-h1 {
  color: red;
  font-size: 30px;

  .span {
    font-size: 16px;
    color: black;
  }
}

.root {
  background-color: rgb(156, 207, 236, 0.75);
  border-radius: 7px;
  padding: 5px;
  border: 1px solidrgb(18, 20, 21);
}
</style>
